<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>操作对象</title>
</head>

<body>
  <script>
    // 操作对象：对数据 查、增、改、删
    // 1. 查： 对象.属性 对象.方法
    // 2. 增：对象.新属性 = 新值   对象.新方法 = function(){}
    // 3. 改：对象.属性 = 新值  对象.方法 = 新匿名函数
    // 4. 删： 了解，因为我们很少对对象里面的数据做删除操作  delete


    let obj = {
      name: 'cxk',
      age: 18,

      sing: function (song) {
        console.log(`我会唱歌${song}`)
        return '好'
      }
    }

    console.log(obj.name)

    obj.name = 'wzy'

    obj.hobby = ['唱歌', 'rap', '尬的一自我介绍']
    // 创建一个变量叫做 hobby  存储了这些数据

    //删除  delete 对象.属性
    delete obj.age


    console.log(obj)
    
    let goods = {
      name: 'goods',
      num: 20,
      weight: '23kg',
      address: '长沙'
    }
    goods.name = '小米10 PLUS'
    goods.color = '粉色'
    console.log(goods)


  </script>
</body>

</html>